@import "~common/css/_variables.scss";

// 歌手列表
.singer_list {
  ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;

    &:after {
      content: "";
      margin-right: auto;
    }

    li {
      position: relative;
      border-radius: 4px;
      overflow: hidden;
      cursor: pointer;

      &.item1 {
        width: 120px;
        margin: 20px 0 0 30px;
      }

      &.item2 {
        width: calc(20% - 20px);
        margin: 0 0 20px 0;

        &:not(:nth-child(5n + 1)) {
          margin-left: 20px;
        }
      }

      .positioning {
        position: relative;
        width: 100%;
        padding: 100% 0 0 0;
        background-color: #fff;
        // border: 1px solid #e5e6ea;
        box-shadow: inset 0 0 4px 0 #e5e6ea;
        overflow: hidden;

        .box {
          display: flex;
          align-items: center;
          flex-direction: column;
          justify-content: center;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}